@import "m_reset.scss";
@import "reset.scss";
@import "footer.scss";
@import url(https://at.alicdn.com/t/c/font_3631275_si43zg0tlvp.css);
@function getvw($w){
    @return ($w  /750)*100 + vw
}
.wrap{
    header{
        display: flex;
            flex-wrap: wrap;
            justify-content:space-between;
            align-items: center;
            margin: getvw(48) getvw(23);
            .back{
                width: getvw(130);
	            height: getvw(57);
                border-radius: 20px;
	            border: solid 1px #ff9344;
                display: block;
                text-align: center;
                line-height: getvw(55);
            }
            .img{
                width: getvw(67);
                height: getvw(31);
                margin-bottom: getvw(30);
            }
    }
    .headImg{
        display: flex;
        justify-content: space-around;
        .left{
            img{
                width:getvw(170);
                height:getvw(170);
            }
        }
        .right{
            width: getvw(500);
            display: flex;
            justify-content: space-between;
            align-items: center;
           .rightR{
            line-height: getvw(80);
                p:nth-child(1){
                    font-size:1.2rem;
                }
                p:nth-child(2){
                    color: #9d9d9d;
                }
           }
           .rightL{
            font-size: getvw(87);
            
            
           }
        }
    }
    main{
        .images{
            .box{
                width: getvw(750);
                display: flex;
                justify-content: space-around;
                margin-top: getvw(26);
                .wenzi{
                    position: relative;
                   
                    img{
                        width: getvw(210);
                    }
                    p{
                        position: absolute;
                        right: getvw(50);
                        bottom: getvw(10);
                    
                    }
                }
                
            }
        }
        .list{
            margin-top: getvw(20);
            .list_bottom{
                margin-top: getvw(60);
            }
            .head{
                width: getvw(750);
                height: getvw(130);
                display: flex;
                justify-content: space-between;
                align-items: center;
                .left{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-left: getvw(25);
                    img{
                        width: getvw(80);
                        height: getvw(80);
                    }
                    span{
                        font-size: 1.2rem;
                        margin-left: getvw(10);
                        line-height: getvw(70);
                    }
                }
                .right{
                    span{
                        font-size: 1rem;
                        margin-right: getvw(8);
                    }
                    i{
                        font-size: 1rem;
                        margin-right: getvw(8);
                        color: #ff9344;
                    }
                }
            }
            .Button{
                display: flex;
                justify-content: space-around;
                a{
                    display: block;
                    width:getvw(180);
                    height:getvw(80);
                    background-color:#ff9344;
                    color: #fff;
                    text-align: center;
                    line-height: getvw(80);
                    margin: getvw(20);
                    border-radius: getvw(80);
                }
            }
        }
    }
    footer{

    }
}